<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8">
<title>背景原点</title>
<style type="text/css">
.wrap {
    width:620px; 
    border:20px dashed green; 
    padding:20px; 
    font-weight:bold; 
    color:#000; 
    /*background:#ccc url(2.jpg) no-repeat; */
    background-image: url(2.jpg),
                      url(2.jpg),
                      url(2.jpg);
    background-position: left top, 200px 0, 400px 0;
    background-repeat: no-repeat, no-repeat, no-repeat;
    
    margin:0 0 20px 0;
    /*background-origin: border-box;
    background-origin: padding-box;
    background-origin: content-box;*/

    /*background-clip:border-box;
    background-clip:padding-box;
    background-clip:content-box;
    background-clip:no-clip;*/

    /*background-size: auto ;*/
    /*background-size: 200px 50px ;*/
    /*background-size: 50% ;*/
    /*background-size: cover ;*/
    /*background-size: contain;*/

    position: relative;
}
.wrap span { 
    position: absolute; 
    left:0; 
    top:0;
}
.content {
    height:80px; 
    border:1px solid #333;
}
</style>  
</head> 
<body>
<div class="wrap"><span>padding</span>
    <div class="content">content</div>
</div>
</body>
</html>